<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<!-- 网页使用的语言 -->
<html lang="zh-CN">
<head>
    <!-- 指定字符集 -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>修改用户</title>

    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <script src="/js/jquery-2.1.0.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>

</head>
<body>
<div class="container" style="width: 400px;">
    <h3 style="text-align: center;">修改联系人</h3>

    <form action="${pageContext.request.contextPath}/user/update" method="post">

        <%-- 隐藏域id --%>
        <input type="hidden" name="id" value="${user.id}">

        <div class="form-group">
            <label for="name">姓名：</label>
            <input type="text" class="form-control" id="name" name="name" value="${user.name}"
                   readonly="readonly" placeholder="请输入姓名" />
        </div>

        <div class="form-group">
            <label>性别：</label>
            <%--下边这种写法比javaweb那个更简单--%>
            <input type="radio" name="gender" value="男" ${user.gender=='男'?'checked':''} />男
            <input type="radio" name="gender" value="女" ${user.gender=='女'?'checked':''} />女
        </div>


        <div class="form-group">
            <label for="age">年龄：</label>
            <input type="text" class="form-control" id="age"  name="age" value="${user.age}"
                   placeholder="请输入年龄" />
        </div>


        <div class="form-group">
            <label for="address">籍贯：</label>
            <select name="address" class="form-control" >
                <%--这里也可以用三元运算符--%>
                <option value="武汉" ${user.address=='武汉'?'selected':''}>武汉</option>
                <option value="广东" ${user.address=='广东'?'selected':''}>广东</option>
                <option value="广西" ${user.address=='广西'?'selected':''}>广西</option>
                <option value="湖南" ${user.address=='湖南'?'selected':''}>湖南</option>
            </select>
        </div>

        <div class="form-group">
            <label for="qq">技能：</label>
            <input type="text" class="form-control" name="art" value="${user.art}" placeholder="请输入技能"/>
        </div>

        <div class="form-group">
            <label for="email">Email：</label>
            <input type="text" class="form-control" name="email" value="${user.email}" placeholder="请输入邮箱地址"/>
        </div>

        <div class="form-group" style="text-align: center">
            <input class="btn btn-primary" type="submit" value="提交" />
            <input class="btn btn-default" type="reset" value="重置" />
            <input class="btn btn-default" type="button" value="返回" id="btn"/>
        </div>
    </form>
</div>

<script>
    $(function () {
        /*联系上边的返回按钮 点击返回到首页*/
        $("#btn").click(function () {
            location.href="${pageContext.request.contextPath}/user/findAll"
        })
    })
</script>

</body>
</html>